<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/style_1.css">
</head>

<body>
    <div>
        <p>安安生生试试</p>
        <p>
            ##### 2. 内部样式表(嵌入式)
            单独把所有CSS样式抽取出来, 单独放在一个标签理论上可以放在HTML文档的任何地方, 但一般会放在文档`head`标签中
            - 代码结构清晰, 但是并**没有实现结构与样式完全分离**
            - 使用内部样式表设定CSS, 通常也被称为**嵌入式引入**, 这种方式是我们**练习时常用**的方式

            ##### 3. 外部样式表(链接式)
            - 实际开发都是外部样式表, 适合于样式比较多的情况.
            - 核心是: 样式单独写到CSS文件中, 之后把CSS文件引入到HTML页面中使用

            步骤: (两步)
            1. 新建一个后缀名为.css的样式文件, 把所有CSS代码都放入此文件中

            stylesheet描述当前页面与hred所指定文档的关系
        </p>
        <p>啊啊啊啊啊啊啊啊啊啊啊</p>
    </div>
</body>

</html>